<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
</body>
</html>

<!-- 
border-style
作用：定义边框的样式。
取值：none（无边框）、solid（实线）、dashed（虚线）、dotted（点线）、double（双线）等。

border-width
作用：设置边框的宽度。
取值：具体像素值（如 2px）、thin（细边框）、medium（中等边框）、thick（粗边框）。

border-color
作用：指定边框的颜色。
取值：颜色名称（如 red）、十六进制颜色（如 #FF0000）、RGB 值（如 rgb(255, 0, 0)）等

border
作用：综合设置边框的宽度、样式和颜色。
取值：[border-width] [border-style] [border-color]，例如 2px solid red。

border-top, border-right, border-bottom, border-left
作用：分别设置上、右、下、左边框的宽度、样式和颜色。
取值：与 border 属性类似，可以综合设置，例如 border-top: 2px solid red;。

border-top-style, border-right-style, border-bottom-style, border-left-style
作用：分别设置上、右、下、左边框的样式。
取值：与 border-style 相同。

border-top-width, border-right-width, border-bottom-width, border-left-width
作用：分别设置上、右、下、左边框的宽度。
取值：与 border-width 相同。

border-top-color, border-right-color, border-bottom-color, border-left-color
作用：分别设置上、右、下、左边框的颜色。
取值：与 border-color 相同。

border-radius
作用：设置元素四角的圆角半径。
取值：具体像素值或百分比，可以设置1到4个值，分别代表左上角、右上角、右下角和左下角的圆角半径。

box-shadow
作用：为元素添加阴影效果。
取值：包含阴影的水平偏移、垂直偏移、模糊半径、扩展半径和颜色，例如 10px 10px 5px 0px rgba(0,0,0,0.75)。

outline
作用：设置元素的外部轮廓线，通常用于焦点状态的样式。
取值：可以设置轮廓的宽度、样式和颜色，例如 outline: 1px solid red;。

-->